<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>注册/登录页面</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/ziy.css">
	<link rel="stylesheet" type="text/css" href="css/zyzn_1.css">
	<style type="text/css">
		.gj_agreement_cont {
			line-height: 38px;
		}

		.gj_agreement_cont a {
			color: #047ce1;
		}

		.buz_1 .gj_agreement_cont input {
			border-radius: 3px;
			padding: 0 10px;
			width: inherit;
			height: inherit;
			border: 1px solid #CCC;
			outline: 0 none;
			color: #333;
			font-size: 14px;
			line-height: 21px;
			z-index: 2;
			margin-bottom: 10px;
		}
	</style>
</head>

<body>
	<!--头部-->
	<div class="toub_k">
		<div class="beij_center">
			<div class="yem_neik">
				<div class="dit_k">
					<!-- <a href="index.html"><img src="images/logo.png"></a> -->
					<a href="index.html"><h1>比邻比利</h1></a>
				</div>
				<div class="huany_ym">
					<div class="ker">欢迎，<span>客人</span></div>
					<div class="dengl_anniu">
						<a href="login.html">您好！请登录</a>
					</div>
					<div class="zhuc_k"><a href="login.html">欢迎注册</a></div>
				</div>
			</div>
		</div>
	</div>
	<!--内容-->
	<div class="denglu_beij">
		<!--  -->
		<div id="slideBox_banner_dengl" class="slideBox_banner_dengl">
			<div class="bd">
				<ul>
					<li><a href="javascript:void(0);" target="_blank"><img src="images/web/dengl_img.jpg" /></a></li>
					<li><a href="javascript:void(0);" target="_blank"><img src="images/web/dengl_img1.jpg" /></a></li>
					<li><a href="javascript:void(0);" target="_blank"><img src="images/web/dengl_img2.jpg" /></a></li>
				</ul>
			</div>
		</div>
		<div class="beij_center_dengl">
			<div class="dengl_fdk">
				<div class="investment_f">
					<div class="investment_title">
						<div class="on">登录</div>
						<div>立即注册</div>
					</div>
					<div class="investment_con">
						<div class="investment_con_list">
							<div class="dengl_k">
								<div class="dl_lk">
									<p>账号：</p>
									<input type="text" class="itxt" placeholder="输入账号">
								</div>
								<div class="dl_lk">
									<p>密码：</p>
									<input type="password" class="itxt" placeholder="输入密码">
								</div>
								<div class="dl_lk">
									<p>&nbsp;</p>
									<div class="gj_agreement_cont">
										<input value="14" checked="" name="phone_affirm" type="checkbox"
											autocomplete="off">
										<label for="stay-login">我已阅读并同意<a target="_blank"
												href="loginClause.html">《略懂科技服务条款》</a></label>
									</div>
								</div>
								<div class="dl_lk">
									<p>&nbsp;</p>
									<button class="dengl_button">登录</button>
								</div>
								<div class="dl_lk">
									<p>&nbsp;</p>
									<div class="gouxuan">
										<a href="index.html">返回首页</a>
										<a href="javascript:void(0);">忘记密码？</a>
									</div>
								</div>
							</div>
						</div>
						<div class="investment_con_list">
							<div class="zhuc_k">
								<div class="hengx_k">
									<div class="yige_hx">
										<span id="link">
											<i>1</i>
										</span>
									</div>
									<div id="tiaot_1">
										<span>
											<i>2</i>
										</span>
									</div>
									<div id="tiaot_2">
										<span>
											<i>3</i>
										</span>
									</div>
								</div>
								<div class="buz_1" id="div1" style="display: block;">
									<input type="text" class="itxt" placeholder="输入您的用户名">
									<input type="text" class="itxt" placeholder="输入您的手机号码">
									<div class="dl_lk">
										<div class="gj_agreement_cont">
											<input value="14" checked="" name="phone_affirm" type="checkbox"
												autocomplete="off">
											<label for="stay-login">我已阅读并同意<a target="_blank"
													href="loginClause.html">《略懂科技服务条款》</a></label>
										</div>
									</div>
									<a class="dengl_button" id="xyb_1">下一步</a>
								</div>
								<div class="buz_1 buz_2" id="div2" style="display: none;">
									<input type="password" class="itxt" placeholder="输入密码">
									<input type="password" class="itxt" placeholder="确认密码">
									<div class="yanzm">
										<input type="text" class="itxt" placeholder="输入验证码">
										<p class="yanzm_img_k"><img src="images/web/yanzm_y.jpg"></p>
									</div>
									<button class="dengl_button" id="xyb_2">下一步</button>
								</div>
								<div class="buz_1 buz_3" id="div3" style="display: none;">
									<div class="yiwanc"><img src="images/web/zhuc_wanc.png"></div>
									<a class="dengl_button" href="index.html">立即体验</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="dibu">
		<div class="db_b">
			<div class="beij_center">
				<div class="di_daoh">
					<ul>
						<h2>公司信息</h2>
						<li style="color: #a2a2a2;">公司名称：杭州量子原力科技有限公司</li>
						<li style="color: #a2a2a2;">公司地址：杭州余杭区仓前街道欧美金融城2幢1307室8号</li>
					</ul>
				</div>
				<div class="dib_erweim">
					<div class="dib_dianh">
						<div class="dianh_img"></div>
						<div class="dianh_txt">
							<h1>4001510571</h1>
							<p>服务时间：周一至周五9:00-18:00</p>
							<p>邮箱：support@biling.club</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="beian_h">
			<div class="beij_center">
				<div class="txt">
                    <p>©  2021  量子原力 All Rights Reserved</p>
                    <p>杭州量子原力科技有限公司  浙ICP备2021021358号-2</p>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	<script type="text/javascript">
        if (typeof Array.prototype.map != "function") {
            Array.prototype.map = function (fn, context) {
                var arr = [];
                if (typeof fn === "function") {
                    for (var k = 0, length = this.length; k < length; k++) {
                        arr.push(fn.call(context, this[k], k, this));
                    }
                }
                return arr;
            };
        }
		window.onload = function () {
			jQuery(".slideBox_banner_dengl").slide({
				mainCell: ".bd ul",
				autoPlay: true
			});
			$("#xyb_1").click(function(){
				$("#tiaot_1").addClass('yige_hx')
				$("#div1").hide();
				$("#div2").show();
			})
			$("#xyb_2").click(function(){
				$("#tiaot_2").addClass('yige_hx')
				$("#div1").hide();
				$("#div2").hide();
				$("#div3").show();
			})
			/*tab标签切换*/
			function tabs(tabTit, on, tabCon) {
				$(tabCon).each(function () {
					$(this).children().eq(0).show();

				});
				$(tabTit).each(function () {
					$(this).children().eq(0).addClass(on);
				});
				$(tabTit).children().click(function () {
					$(this).addClass(on).siblings().removeClass(on);
					var index = $(tabTit).children().index(this);
					$(tabCon).children().eq(index).show().siblings().hide();
				});
			}
			tabs(".investment_title", "on", ".investment_con");

		}
	</script>
</body>

</html>